<template>
	<div class="container">
		<navigationBar title=" " mode="none"></navigationBar>
		<div class="content" :style="'padding-top: ' + navigationBarHeight + 'px;'">
			<div class="user-info">
				<div class="avatar">
					<image src="/static/icons/logo.png" alt="" :lazy-load="true" />
				</div>
				<div class="wrap-btn-bottom wrap-btn-login">
					<div v-if="!hasInfo" class="login-button" @click="toLogin">
						<image class="weixin" src="/static/icons/weixin.png" mode=""></image>微信登录
					</div>
					<button v-if="hasInfo" class="login-button" open-type="getPhoneNumber"
						@getphonenumber="getLoginphone">
						绑定手机号码
					</button>
					<!-- 	<button class="button" @click="toOtherLogin">
						<image class="phone" src="/static/icons/phone.png" mode=""></image>手机号登录
					</button> -->
				</div>
			</div>
			<div class="radio-content">
				<Radio :isChecked="isChecked" @click.native="handlerChoose()"></Radio> <span
					class="read">已阅读并同意</span><span class="agreement" @click="toUserAgreement">《用户协议》</span>和<span
					class="agreement" @click="privacyAgreement">《隐私政策》</span>
			</div>
		</div>
	</div>
</template>

<script>
	import data from '@/js/publics/login/data.js';
	import methods from '@/js/publics/login/methods.js';
	import {
		mapState
	} from 'vuex';
	import navigationBar from '../../components/navigationBar.vue';
	import Radio from '@/components/radio.vue';
	export default {
		data,
		methods,
		onLoad(e) {},
		onShow() {},
		onHide() {
			console.log('on hide')
		},
		onUnload() {},
		computed: {
			...mapState(['navigationBarHeight', 'userInfo']),
			bgHeight() {
				// #ifdef APP-PLUS
				return 250
				// #endif
				return this.navigationBarHeight + uni.upx2px(364);
			}
		},
		components: {
			navigationBar,
			Radio
		}
	};
</script>

<style scoped lang="scss">
	@import '~@/style/publics/login.scss';

	.tui-info {
		width: 100%;
		display: flex;
		justify-content: center;
		padding-top: 30rpx;
		flex: 1;
		font-size: 30upx;
		color: #FFFFFF;
	}

	.title-button {
		font-size: medium;
		height: 60rpx;
		text-align: center;
		line-height: 60rpx;
		border-radius: 10rpx;
	}
</style>